body{font-family: Arial;font-size: 12px}
*{margin:0;	padding:0;}
img{border:none;}
ul li{list-style:none;}
table th,table td{vertical-align: top;}
a{text-decoration:none; color: #57676a;font-size: 11px}
a:visited{color: #57676a}
a:active{color: #57676a}
a:hover{color:#26B}
.red{color: #ff0000}
.alignCenter{text-align: center}

.header{width:100%;border:0}
.header td{text-align: center}
.headerLogo{padding:10px;font-size: 20px;font-weight: bolder;color: #466967}

.menu{width:100%;border:0}
.menu td{text-align: left}
.menuItem{
    font:"Arial,Helvetica,sans-serif" 12px bold;
    float:left;
    color: white;
    background-color: #234b54;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    border-left:solid #81dba6 1px;
    border-right:solid #81dba6 1px;
    padding: 5px 5px;
    height: 20px;
}
.menuItem a{color: #ffffff;font-size: 14px;font-weight: bold}
.menuItem a:visited{color: #ffffff}
.menuItem a:active{color: #57676a}
.menuItem a:hover{color:#ebd82d}

.body{width:100%;border:0}

.footer{width:100%;border:0;text-align: center;padding: 20px 10px;font-size: 11px}

.add{width:50%;border-collapse:collapse; border: solid #72c9e7;border-width: 0 1px 1px 0;margin: 20px auto; font-size: 12px;}
.add th{padding:5px;border: solid #72c9e7;border-width: 1px 0 0 1px;text-align: right;}
.add td{padding:5px;border: solid #72c9e7;border-width: 1px 0 0 1px;text-align: left;}
.add input{width:150px;height:20px;border:#557882 solid 1px}
.add textarea{width:150px;height:75px;border:#557882 solid 1px}
.add input[type=submit],input[type=button]{font-family: Arial;background: #F5F5E5;color: #15B;text-decoration: none; font-size: 12px;text-align: center; border: solid 1px #AAE; cursor: pointer; height: 30px;}

.inputError{border: solid #ff0000 1px;background-color: #f4dad0;}

.list{width:90%;border-collapse:collapse; border: solid #72c9e7;border-width: 0 1px 1px 0;margin: 20px auto;}
.list th{padding:5px;border: solid #72c9e7;border-width: 1px 0 0 1px;text-align: center; background-color: #F5F5E5;}
.list td{padding:5px;border: solid #72c9e7;border-width: 1px 0 0 1px;text-align: center;}

.pagination {font-size: 80%;text-align: center;width: 100%}
.pagination a {text-decoration: none;border: solid 1px #AAE;color: #15B;}
.pagination a:hover{ background:#E9E9E9; text-decoration:none;border: solid 1px #AAE;color: #15B;}
.pagination a, .pagination span {display: block;float: left;padding: 0.3em 0.5em;margin-right: 5px;margin-bottom: 5px;}
.pagination .current {background: #26B;color: #fff;border: solid 1px #AAE;}
.pagination .current.prev, .pagination .current.next{color:#999;border-color:#999;background:#fff;}
.navigation{
	font-size:80%;
	text-decoration:none;
	cursor:pointer;
	padding:5px 5px 5px 10px;
	color: #57676a;
}
.navigation_text{
    font-size:80%;
    text-decoration:none;
    padding:5px 5px 5px 10px;
}
.button{height:20px;border:#557882 solid 1px}
.search{width:80%; margin: 0px auto;}
.search td{font-size: 11px; padding-right: 5px;}
.search .searchBtn{height:25px; border: 1px solid #AAAAEE; color: #1155BB; background-color: white; font-family: Arial;}
.search select{width:100%; font-family: Arial}
.a_link_button{color: #15B;text-decoration: none; font-size: 11px;text-align: center; border: solid 1px #AAE; cursor: pointer; padding: 3px;}


/*-----DateGrid------*/
.dataGridVertical{text-align:left;border:1px solid #c9c9c9;border-bottom:none;}
.dataGridVertical tbody th{background:#dddddd;padding:6px;border-bottom:1px solid #c9c9c9;border-right:1px solid #c9c9c9;text-align:right;}
.dataGridVertical tbody td{padding:16px;border-bottom:1px solid #c9c9c9;}
.dataGridVertical .lightBlueSkin{background:#eaeaea;}
.dataGridVertical .greySkin{background:#f9f9f9;}
.dataGridVertical ul li{padding-top:6px;}


.dataGridNoBorder{text-align:left;border:1px solid #dedede;}
.dataGridNoBorder tbody td{padding:3px 5px;}

/*-----left-right table style------*/
.dataGridOrder{empty-cells: show;text-align:left;border:1px solid #c9c9c9;border-bottom:none;}
.dataGridOrder caption{background:#fff;padding:5px;text-align:left;}
.dataGridOrder tbody th{background:#EAEAEA;padding:6px;border-bottom:1px solid #c9c9c9;text-align:right;}
.dataGridOrder tbody th.textLeft {text-align:left;}
.dataGridOrder tbody td{padding:8px;border-left:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9}
.dataGridOrder .lightBlueSkin{background:#eaeaea;}
.dataGridOrder .greySkin{background:#f9f9f9;}
.dataGridOrder ul li{padding-top:6px;}

/*-----header bar table style------*/
.orderDataGrid{empty-cells: show;text-align:left;border:1px solid #c9c9c9;border-bottom:none;}
.orderDataGrid caption{text-align:left;background:#fbf8ec;border:1px solid #c9c9c9;border-bottom:none;padding:5px;}
.orderDataGrid thead th{background:#dddddd;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;padding:5px;text-align: center;}
.orderDataGrid thead th a:link{color:#333399;text-decoration:none;}
.orderDataGrid thead th a:visited {color:#333399;text-decoration:none;}
.orderDataGrid thead th a:hover {color:#333399;text-decoration:none!important;}
.orderDataGrid thead th a:active {color:#333399;text-decoration:none;}
.orderDataGrid tbody td{border-right:1px solid #c9c9c9;padding:5px;line-height:15px;border-bottom:1px solid #c9c9c9;}
.orderDataGrid tbody tr:hover{background:#f0f0f0;}
.orderDataGrid tbody th{background:#EAEAEA;padding:6px;border-bottom:1px solid #c9c9c9;text-align:right;}
.orderDataGrid tbody th.textLeft {text-align:left;}
.orderDataGrid tfoot td{padding:4px 5px;border-bottom: 1px solid #C9C9C9;}
.orderDataGrid .totalSkin{background:#dddddd;}
